如何在VisualStateManager的XAML中创建资源样式？

<Grid>
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup>
            <VisualState x:Name="Normal">
                <VisualState.Setters>
                    <Setter Property="Button.Background" Value="Gray" />
                    <Setter Property="Button.Foreground" Value="White" />
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="MouseOver">
                <VisualState.Setters>
                    <Setter Property="Button.Background" Value="LightGray" />
                    <Setter Property="Button.Foreground" Value="Black" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    
    <Button Content="Click me">
        <Button.Style>
            <Style TargetType="Button">
                <Setter Property="Background" Value="{StaticResource ButtonBackground}" />
                <Setter Property="Foreground" Value="{StaticResource ButtonForeground}" />
            </Style>
        </Button.Style>
    </Button>
    
    <Grid.Resources>
        <ResourceDictionary>
            <SolidColorBrush x:Key="ButtonBackground" Color="Gray" />
            <SolidColorBrush x:Key="ButtonForeground" Color="White" />
        </ResourceDictionary>
    </Grid.Resources>
</Grid>