feat(header): add favicon logo symbol and update brand text

- Add animated agent network favicon logo symbol to header brand link
- Update brand typography to ANL and AI Agent Networking LAB
- Update E2E test assertions for the updated header branding

refer_landing_page/components/Header.tsx

@@ -130,15 +130,42 @@ export default function Header() {
         {/* Brand logo */}
         <Link
           href="/"
-          className="group flex flex-col leading-none shrink-0"
+          className="group flex items-center gap-3 shrink-0"
           onClick={() => setOpen(false)}
         >
-          <span className="headline-ko text-lg text-ink sm:text-xl">
+          <div className="relative flex items-center justify-center w-9 h-9 sm:w-10 sm:h-10 rounded-xl overflow-hidden shadow-sm ring-1 ring-ink/10 group-hover:ring-cobalt/40 group-hover:shadow-md group-hover:scale-105 transition-all duration-300 shrink-0">
-            AI 에이전트 네트워크 연구실
+            <svg viewBox="0 0 32 32" className="w-full h-full" aria-hidden="true">
+              <defs>
+                <linearGradient id="headerLogoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+                  <stop offset="0%" stopColor="#4E77FF"/>
+                  <stop offset="100%" stopColor="#2B4CDE"/>
+                </linearGradient>
+                <radialGradient id="nodeGlow" cx="50%" cy="50%" r="50%">
+                  <stop offset="0%" stopColor="#FFD666" stopOpacity="1"/>
+                  <stop offset="100%" stopColor="#FF9C1A" stopOpacity="0.8"/>
+                </radialGradient>
+              </defs>
+              <rect width="32" height="32" rx="7" fill="url(#headerLogoGrad)"/>
+              {/* Network Graph Edges */}
+              <path d="M16 9 L9 22 M16 9 L23 22 M9 22 L23 22 M16 9 L16 17 M9 22 L16 17 M23 22 L16 17" 
+                    stroke="#FFFFFF" strokeWidth="1.2" strokeOpacity="0.85" strokeLinecap="round"/>
+              {/* Network Agent Outer Nodes */}
+              <circle cx="16" cy="9" r="2.5" fill="#FFFFFF"/>
+              <circle cx="9" cy="22" r="2.5" fill="#FFFFFF"/>
+              <circle cx="23" cy="22" r="2.5" fill="#FFFFFF"/>
+              {/* Central Coordinating Hub Node */}
+              <circle cx="16" cy="17" r="2.2" fill="url(#nodeGlow)" className="animate-pulse"/>
+            </svg>
+          </div>
+
+          <div className="flex flex-col leading-none">
+            <span className="headline-ko text-lg text-ink sm:text-xl font-bold tracking-tight group-hover:text-cobalt-dark transition-colors">
+              ANL
             </span>
             <span className="kicker mt-1 transition-colors group-hover:text-cobalt-dark">
-            AI Agent Networking Lab (ANL)
+              AI Agent Networking LAB
             </span>
+          </div>
         </Link>
 
         {/* Desktop nav — small caps, wide tracking (visible at >= 1240px) */}

refer_landing_page/tests/e2e_test_suite.py

@@ -33,8 +33,8 @@ class TestANLHomepageE2E(unittest.TestCase):
         html = self.read_html("index.html")
         
         # 1. Brand & Header titles
-        self.assertIn("AI 에이전트 네트워크 연구실", html)
+        self.assertIn("ANL", html)
-        self.assertIn("AI Agent Networking Lab (ANL)", html)
+        self.assertIn("AI Agent Networking LAB", html)
         
         # 2. Research Areas keywords
         self.assertIn("Quick UDP Internet Connection (QUIC)", html)