feat(design): Vibe design optimization — Hero, Bento grids, trust layer, narrative

升级全站体验：首页 Hero 改为产品视觉 + 单一 CTA 转化布局；产品矩阵/服务/方案改
为 Bento 非对称网格（ERP 2x2 大卡 + BI 1x2）；补齐信任层（可验证信号 + 来源标注）
与「问题→方法→结果」章节式叙事；新增 hero-product-visual 与 bento-grid 可复用组件；
统一动效与品牌视觉资产。新增对应单测、UJ-11 用户旅程测试并更新视觉回归基线快照。

src/components/layout/footer.tsx

@@ -38,7 +38,7 @@ export function Footer() {
           </div>
 
           <div data-testid="card-products" className="lg:col-span-2">
-            <h3 className="font-semibold text-sm mb-5 text-white tracking-widest uppercase">产品</h3>
+            <div className="font-semibold text-sm mb-5 text-white tracking-widest uppercase">产品</div>
             <ul className="space-y-3 [&_li]:p-0 [&_li]:m-0 [&_li]:static [&_li::before]:hidden">
               {productItems.map((item) => (
                 <li key={item.id}>
@@ -54,7 +54,7 @@ export function Footer() {
           </div>
 
           <div data-testid="card-solutions" className="lg:col-span-2">
-            <h3 className="font-semibold text-sm mb-5 text-white tracking-widest uppercase">解决方案</h3>
+            <div className="font-semibold text-sm mb-5 text-white tracking-widest uppercase">解决方案</div>
             <ul className="space-y-3 [&_li]:p-0 [&_li]:m-0 [&_li]:static [&_li::before]:hidden">
               {solutionItems.map((item) => (
                 <li key={item.id}>
@@ -70,7 +70,7 @@ export function Footer() {
           </div>
 
           <div data-testid="card-contact" className="col-span-2 lg:col-span-4">
-            <h3 className="font-semibold text-sm mb-5 text-white tracking-widest uppercase">联系我们</h3>
+            <div className="font-semibold text-sm mb-5 text-white tracking-widest uppercase">联系我们</div>
             <ul className="space-y-4 mb-8 [&_li]:p-0 [&_li]:m-0 [&_li]:static [&_li::before]:hidden">
               <li className="flex items-start gap-3">
                 <MapPin className="w-4 h-4 text-gray-400 mt-0.5 shrink-0" />

src/components/layout/header.tsx

@@ -158,7 +158,7 @@ function HeaderContent() {
                 asChild
                 className=""
               >
-                <StaticLink href="/contact" data-testid="consult-button">
+                <StaticLink href="/contact" data-testid="consult-button" aria-label="立即咨询">
                   <MessageCircle className="w-4 h-4" />
                   <span className="hidden lg:inline">立即咨询</span>
                   <span className="lg:hidden" aria-hidden="true">咨询</span>